<template>
	<view>
		<!-- tabs的页面 -->
		<!-- 属性tab-color为我自己添加的属性，用来控制下面的滑块，修改了uview的库 -->
		<u-tabs :list="list" :is-scroll="false" :current="current" @change="change" tab-color="#fa3534" active-color="#000000"></u-tabs>
	</view>
</template>

<script>
	export default {
		data() {
					return {
						list: [{
							name: '待收货'
						}, {
							name: '待付款',
							count: 5
						}, {
							name: '待评价',
							count: 5
						}],
						current: 0
					}
				},
				methods: {
					change(index) {
						console.log(index)
						this.current = index;
					}
				}
	}
</script>

<style>

</style>
